<template>
	<view class="content">
		<view class="top">
			<CarCard></CarCard>
		</view>
		<MyButton />
	</view>
</template>

<script>
	import app from '@/util/api.js'
	import MyButton from '../../components/my-button.vue'
	import CarCard from '../../components/car-card.vue'
	export default {
		components:{
			MyButton,
			CarCard
		 },
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.content{
		height: 100vh;
		background: #F1F1F1;
		display: flex;
		flex-direction: column;
		.top {
			flex: 1;
			overflow: scroll;
			.car-card {
				width: 100%;
				height: 200rpx;
				background: url('/static/img/carCard.png') no-repeat center/contain;
				margin: 30rpx 0;
			}
		}
		
		
	
	}
	
</style>

